<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <!-- 用于指定双核浏览器默认以何种方式渲染页面 -->
    <meta name="renderer" content="webkit">
    <!-- 为移动设备添加 viewport；-->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- 设置苹果工具栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- 指定请求和响应遵循的缓存机制 -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>高考志愿卡</title>
    <meta name="description" content="智能定制你的最佳升学路径, 学习·升学·就业·读研·留学·考公"/>
	<meta name="keywords" content="录取概率,院校排行,招生计划,职业推荐,位次查询,录取数据,选课测评,专业推荐,专业库"/>
    <link rel="shortcut icon" href="../mobile/assets/icon.ico" type="image/vnd.microsoft.icon"/>
    <link rel="stylesheet" href="../mobile/assets/css/base.css">
    <link rel="stylesheet" href="../mobile/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../mobile/assets/css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="../mobile/assets/css/common.css?v=17.7">
    <link rel="stylesheet" href="../mobile/assets/css/kefu.css">
    <link rel="stylesheet" href="../mobile/assets/css/index/index.css?v=17.7">

	<script>
		var JANE_NAME = 'gkzy'
		var USER_TOKEN = 'RmlETkdPdjYzZmVjNTVhMDAyYzY='
	</script>
</head>
<body>
    <div class="navBox navbarBox">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    </button>
                    <div class="logoBox">
                        <a class="navbar-brand" href="#">
                            <img src="../mobile/assets/img/logo.png" alt="道道">
                        </a>
                        <span class="logoTips">
                            100%内嵌
                        </span>
                    </div>
                </div>
                            
                <div class="collapse navbar-collapse topNav" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active index"><a href="#">首页</a></li>
                        <li><a href="./query.html">我的订单</a></li>
                    </ul>
                </div>
            </div>
        </nav>
	</div>
    <div class="bannerBox">
        <div class="bannerBoxBg">
            <div class="container">
                <div class="containerText">
                    <h3>
                        道道
                    </h3>
                    <br>
                    <p>定制你的最佳成长路径</p>
                    <br>
                    <b>陪伴你成长的AI导师</b>
                    <br>
                    <div>
                        6~24岁：学习 · 升学 · 就业 · 读研 · 留学 · 考公
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="formBox">
        <div class="container">
            <div class="formBox">
                <p class="FormHead">获取卡密<span>享更多特权</span></p>
                <form id="formSubmit" data="daodao" class="clearfix">
                    <div class="group form-group">
                        <input placeholder="请输入您的手机号" type="text" class="form-control phoneInput phoneInput1" name="phone" />
                        <!-- <span id="phone_err"></span> -->
                    </div>
                    <div class="group form-group">
                        <div class="Verification clearfix">
                            <input placeholder="输入验证码" type="text" class="form-control VerificationCode_s VerificationCode_s1" name="phone_code" />
                            <div data="place_order" class="btn btn-primary VerificationCode">发送验证码</div>
                        </div>
                        <!-- <span id="phone_code_err"></span> -->
                    </div>
                    <div class="button_s form-group">
                        <button class="btn btn-primary Submit button-css">购买激活码</button>
                    </div>
                    <p class="SubmitTips">注意：不包含<span>西藏地区</span>和<span>艺术类专业</span></p>
                </form>
            </div>
        </div>
    </div>
    <div class="APPDataBox">
        <div class="container">
            <h3 class="h3">
                万千家长的信赖之选
            </h3>
            <div class="containerMain">
                <div class="borderR">
                    <span><b>1.8</b>亿人</span>
                    <p>成长档案分析</p>
                </div>
                <div class="borderR">
                    <span><b>11</b>年</span>
                    <p>市场口碑</p>
                </div>
                <div class="borderR">
                    <span><b>16</b>年</span>
                    <p>产品研发</p>
                </div>
                <div>
                    <span><b>4000</b>万+</span>
                    <p>服务人数</p>
                </div>
            </div>
        </div>
    </div>
    <div class="FunctionBox">
        <div class="container">
            <h3 class="h3">
                基础升学规划功能 · 应有尽有
            </h3>
            <div class="FunctionIMG">
                <img src="../mobile/assets/img/gh2.png" alt="">
            </div>
        </div>
    </div>
    <div class="SpecialFeatures">
        <div class="container">
            <h3 class="h3">
                独家原创 · 五大特色功能
            </h3>
            <div class="containerMain">
                <div class="textDiv textDiv1">
                    <b>14万+院系就业前景</b>
                    <div class="ContentText">
						<span>&nbsp; “就业好才是王道！”&nbsp;</span> 道道APP独家提供3301所大学14万院系超4000万大学毕业生的真实毕业去向涵盖<span>工作、读研、留学</span>和<span>真实案例</span>。
                    </div>
                </div>
                <div class="imgDiv">
                    <img src="../mobile/assets/img/dujia1.png" alt="">
                </div>
                <div class="textDiv textDiv2">
                    <b>超详细就业、读研、留学内幕</b>
                    <div class="ContentText">
                        <ul>
							<li><img src="../mobile/assets/img/blue-check.png" alt=""> 工作岗位分析</li>
							<li><img src="../mobile/assets/img/blue-check.png" alt=""> 全国读研比例</li>
							<li><img src="../mobile/assets/img/blue-check.png" alt=""> 留学学校排名</li>
						</ul>
                    </div>
                </div>
                <div class="imgDiv">
                    <img src="../mobile/assets/img/liuxueneimu_img.png" alt="">
                </div>
                <div class="textDiv textDiv3">
                    <b>真实升学+就业案例</b>
                    <div class="ContentText">
                        <ul>
							<li><img src="../mobile/assets/img/yellow-check.png" alt=""> 毕业院校</li>
							<li><img src="../mobile/assets/img/yellow-check.png" alt=""> 升学记录</li>
							<li><img src="../mobile/assets/img/yellow-check.png" alt=""> 工作经历</li>
						</ul>
                    </div>
                </div>
                <div class="imgDiv">
                    <img src="../mobile/assets/img/zhenshishengxue_img.png" alt="">
                </div>
                <div class="textDiv textDiv4">
                    <b>当公务员、进国企、名企
                    <br>填报攻略</b>
                    <div class="ContentText">
                        <ul>
							<li><img src="../mobile/assets/img/blue-check.png" alt=""> 公务员</li>
							<li><img src="../mobile/assets/img/blue-check.png" alt=""> 国企央企</li>
							<li><img src="../mobile/assets/img/blue-check.png" alt=""> 知名企业</li>
						</ul>
                    </div>
                </div>
                <div class="imgDiv imgDiv4">
                    <img src="../mobile/assets/img/jiuyefangxiang_img.png" alt="">
                </div>
                <div class="textDiv textDiv5">
                    <b>详细成长攻略 · 让未来清晰可见</b>
                    <div class="ContentText">
                        <ul>
							<li><img src="../mobile/assets/img/yellow-check.png" alt=""> 对现状进行分析</li>
							<li><img src="../mobile/assets/img/yellow-check.png" alt=""> 明确选科要求</li>
							<li><img src="../mobile/assets/img/yellow-check.png" alt=""> 推荐详细攻略</li>
						</ul>
                    </div>
                </div>
                <div class="imgDiv imgDiv5">
                    <img src="../mobile/assets/img/chengzhanggonglue_img.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="ABigShot">
        <div class="container">
            <h3 class="h3">
                行业大咖 · 杨洋教授亲授精品课
            </h3>
            <div class="ABigShotMain">
                <div class="textBox">
                    <div class="imgBox">
                        <img class="imgleft" src="../mobile/assets/img/product_originator_img.png" alt="">
                        <img class="imgRight" src="../mobile/assets/img/leason_img.png" alt="">
                    </div>
                    <b>杨洋教授</b>
                    <p>道道创始人创始人   |   原哈工大「百人计划 」教授</p>
                    <i></i>
                    <div>
                        杨洋教授，留美信息学博士，2012年被985哈尔滨工业大学聘为『百人计划』副教授，专注研究成长规划16年。创办道道研究院，已帮助超过4000万人完成个性化升学和职业规划，并技术输出到腾讯、百度、搜狗、360、网易、新东方、卓越教育、各地市教育局等。此外杨洋教授还是清华大学、北京大学、香港科大、哈工大EMBA导师，国家发改委旗下全国人才大数据平台联合发起人。
                    </div>
                </div>
                <div class="containerTips">
                    注：该课程供道道旗舰SVIP用户使用
                </div>
            </div>
        </div>
    </div>

    <div class="AppraiseBox">
        <div class="container">
            <h3 class="h3">
                4000万用户都说好
            </h3>
            <div class="imgBox">
                <div class="imgTop">
                    <div class="Ileft">
                        <img src="../mobile/assets/img/userfeedback1.jpg" alt="">
                    </div>
                    <div class="Iright">
                        <img src="../mobile/assets/img/userfeedback2.jpg" alt="">
                        <img class="Iright2" src="../mobile/assets/img/userfeedback3.jpg" alt="">
                    </div>
                </div>
                <div class="imgBottom">
                    <img src="../mobile/assets/img/userfeedback4.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="ProcessFlow">
        <div class="container">
            <h3 class="h3">
                激活码使用流程
            </h3>
            <div class="containerMain">
                <div class="Sequence">
                    <div class="SerialNumber">
                        01
                    </div>
                    <div>
                        <b>输入验证码</b>
                        <p>输入验证码</p>
                        <p>点击购买</p>
                    </div>
                </div>
                <div class="Sequence">
                    <div class="SerialNumber">
                        02
                    </div>
                    <div>
                        <b>确认支付</b>
                        <p>确认支付后</p>
                        <p>复制激活码</p>
                    </div>
                </div>
                <div class="Sequence">
                    <div class="SerialNumber">
                        03
                    </div>
                    <div>
                        <b>复制激活码</b>
                        <p>可在订单页</p>
                        <p>获取激活码</p>
                    </div>
                </div>
                <div class="Sequence">
                    <div class="SerialNumber">
                        04
                    </div>
                    <div>
                        <b>使用激活码</b>
                        <p>在道道app或</p>
                        <p>完美志愿网页使用</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="pkBox">
        <div class="container">
            <h3 class="h3">
                <img src="../mobile/assets/img/pk.png" alt="">
                相比其他产品
            </h3>
            <div class="containerMain">
                <img src="../mobile/assets/img/pk_img.png" alt="">
            </div>
        </div>
    </div>

    <div class="gloryBox">
        <div class="container">
            <div class="Achievement">
                <h3>
                    道道和中央政府达成合作
                </h3>
                <div class="Cooperation">
                    <img src="../mobile/assets/img/cooperation_img.png" alt="">
                </div>
                <div class="CooperationTime">
                    <p class="time">2021年9月，共同发起成立</p>
                    <p class="name">「 全国人才大数据平台 」</p>
                </div>
            </div>
        </div>
        <div class="ForTheRecord">
            Copyright © 2024 淘项有术
        </div>
    </div>
    <div class="FloatBox FloatingWindow">
        <div class="bg">
            <div class="text">
                购买激活码 <span>享更多特权</span>
            </div>
            <div class="buttonBox">
                购买激活码
            </div>
            <img class="close closecc" src="../mobile/assets/img/close.png" alt="">
        </div>
    </div>
    <div class="fiexBox">
		<img class="img1" src="../mobile/assets/img/top-filling_nol.png" alt="">
		<img class="img2" src="../mobile/assets/img/top-filling_pre.png" alt="">
	</div>
    <div class="dashi_wx_box text_a_c">
        <div class="customerBox">
            <i class="close-wx"></i>
            <div class="head">
                <img src="../mobile/assets/img/kf.png" alt="">
                <span class="customer-title"></span>
            </div>
            <div class="customerCode">
                <img class="customer-qr" src="" alt="">
            </div>
            <div class="segmentation-line"></div>
            <div class="customerWay">
                <p class="wxText"><span class="s0">微信:</span> <span class="s1"></span></p>
                <p class="qqText"><span class="s0">Q Q:</span> <span class="s1"></span></p>
                <p class="telephone"><span class="s0">电话:</span> <span class="s1"></span></p>
                <p class="mailbox"><span class="s0">邮箱:</span> <span class="s1"></span></p>
            </div>
            <p class="noCustomer">商家未设置客服</p>
            <img class="customBg" src="../mobile/assets/img/bg1.png" alt="">
        </div>
    </div>
    
    <div class="mask"></div>
    <div class="customer-wx">
        <img src="../mobile/assets/img/kfwx.png" alt="客服">
    </div>
    <div id="filing-information"></div>
</body>

<script src="../mobile/assets/js/jquery.min.js"></script>
<script src="../mobile/assets/js/bootstrap.min.js"></script>
<script src="../mobile/assets/js/bootstrapValidator.min.js"></script>
<script src="../mobile/assets/js/clipboard.min.js"></script>
<script src="../mobile/assets/js/message.js"></script>
<script src="../mobile/assets/js/common.js?v=1"></script>
<script>
    $('.buttonBox , .fiexBox').click(function() {
        document.documentElement.scrollTop = 0;
		document.body.scrollTop = 0;
    })
    $("#formSubmit").bootstrapValidator({
        excluded:[":disabled",":hidden"], // 关键配置，表示只对于禁用域不进行验证，其他的表单元素都要验证
        feedbackIcons: {
            valid: 'glyphicon',
            invalid: 'glyphicon',
            validating: 'glyphicon'
        },
        fields: {
            phone: {
                container: "#phone_err",
                validators: {
                    notEmpty: {
                        message: '手机号不能为空'
                    },
                    regexp: {
                        regexp: /^1[3-9]\d{9}$/,
                        message: '请输入正确手机号'
                    }
                }
            },
            phone_code: {
                container: "#phone_code_err",
                validators: {
                    notEmpty: {
                        message: '请输入验证码'
                    }
                }
            }
        }
    })
    function FormVerification() {
        if(!$('.phoneInput').val()) {
            toast('手机号不能为空')
            return false
        }else if(!(/^1[3-9]\d{9}$/.test($('.phoneInput').val()))) {
            toast('请输入正确手机号')
            return false
        }else if(!$('.VerificationCode_s').val()){
            toast('请输入验证码')
            return false
        }
        return true
    }
    $('.Submit').click(
        function (){
            if(!FormVerification()) return;
            var bootstrapValidator = $("#formSubmit").data("bootstrapValidator").validate();
            if (bootstrapValidator.isValid()){
                toast({
                    msg: '正在提交信息...',
                    type: 'loading',
                    time: 20000
                })
				$('.Submit').attr('disabled' , true);
                var goodsId=null
                if (typeData){
                    goodsId = typeData[0].goods_id
                }
                if (!goodsId){
                    toast('商品信息不存在')
                    setTimeout(function() {
                        $('.Submit').attr('disabled' , false);
                    }, 1000)
                    closeMsg();
                    return
                }
                var typefun = function() {
                    if(screen.width >= 768) {
                        return 1;
                    }else if(/MicroMessenger/.test(window.navigator.userAgent)) {
                        return 2;
                    }else {
                        return 7;
                    }
                }
                var pathName = ''
                var locationPathname = window.location.pathname
                if (locationPathname.slice(locationPathname.length - 1, locationPathname.length) !== '/') {
                    locationPathname += '/'
                }
                if (window.location.pathname.indexOf('index.html') != -1) {
                    pathName = window.location.pathname.replace('index.html', 'query.html')
                } else {
                    pathName = locationPathname + 'query.html'
                }
                var formData = {
                    phone: $('.phoneInput').val(),
                    phone_code: $('.VerificationCode_s').val(),
                    user_token: USER_TOKEN,
                    jane_name: JANE_NAME,
                    goods_id: goodsId,
                    frontNotifyUrl: window.location.origin + pathName + '?oid=#outTradeNo#',
                    domain_record: window.location.origin,
                    source: typefun(),
                }
                var form_data =  getFormData(formData)
                $.ajax({
                    type : 'post',
                    url : urls + '/api/client/order/unified/create?user_token='+USER_TOKEN+'&jane_name='+JANE_NAME+(suffix?'&'+suffix:''),
                    processData : false,
                    contentType : false,
                    xhrFields: {
                        withCredentials: true
                    },
                    data : form_data,
                    success : function(result) {
                        if(result.code == 200) {
							window.location.href = './pay.html?commitId=' + result.data.order_sn + '&title=' + '高考志愿卡' + '&phone=' + formData.phone + '&order_amount=' + result.data.order_amount + '&created=' + result.data.created + '&pay_wap_url=' + result.data.pay_wap_url
                        }else {
                            toast({
                                msg: result.codeMsg,
                                type: 'error',
                                time: 2000
                            })
                        }
						$('.Submit').attr('disabled' , false);
                    },
					error: function(err) {
						$('.Submit').attr('disabled' , false)
                        toast({
                            msg: "请求失败!请检查网络",
                            type: 'error',
                            time: 2000
                        })
					},
                    complete: function() {
                        $('.Submit').attr('disabled' , false)
                    }
                });
            }
        }
    )
</script>
</html>
